<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>减少数据读取次数</title>
</head>
<body>
  <!-- 
    背景：有些产品有广告的入口页 or 欢迎页，页面上有个跳过按钮
    判断当前界面是否存在【跳过按钮】，存在则触发后续操作，不存在则走其他逻辑
    这里使用 skip 标记是否有这个元素
   -->
   <!-- div#skip.skip -->
   <div id="skip" class="skip"></div>
   <script>
    var skip = document.getElementById('skip')
    /**
     * @param {object} ele 元素对象
     * @param {string} cls 元素类名
     */
    function hasEle(ele, cls) {
      return ele.className === cls
    }
    console.log(hasEle(skip, 'skip'))

    // 优化
    function hasEle2(ele, cls) {
      var clsName = ele.className
      return clsName === cls
    }
    console.log(hasEle2(skip, 'skip'))
  
   </script>
</body>
</html>